<template>
	<div>
		<image class="avatar" src="../imgs/add.png" />
		<div class="userItem">
			<button class="userName">{{user.name}}</button>
			<view class="sign">{{user.sign}}</view>
		</div>
		<div style="clear: both;"></div>
	</div>
</template>

<script>
	var user = getApp().globalData.user;
	
	export default{
		name:'userItem',
		components:{
			
		},
		data(){
			return{
				user:user
			}
		}
	}
</script>

<style>
.avatar{
	width: 20vw;
	height: 20vw;
	margin-left: 8vw;
	margin-top: 2vw;
	float: left;
}
.userName{
	background-color: transparent;
	padding: 0px;
	width: min-content;
	height: min-content;
	font-size: 4vw;
}
.userName::after{
	border: none;
}
.sign{
	font-size: 10px;
}
.userItem{
	display: block;
	float: left;
	margin-left: 3vw;
	margin-top: 1vh;
}
</style>